<!DOCTYPE HTML>
<html>
<head>
    <title>旅行</title>
    <link rel="icon" href="../images/3.jpg" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Travelia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!--Custom-Theme-files-->
    <link href="../css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="../css/style3.css"/>
    <script src="../js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="../js/move-top.js"></script>
    <script type="text/javascript" src="../js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>

</head>
<body>
<!--start-home-->
<div id="home" class="header">
    <div th:replace="common :: navbar"></div>

    <div class="banner">
        <div class="container">
            <div class="callbacks_container">
                <ul class="rslides" id="slider4">
                    <li>
                        <div class="banner-info">
                            <h3>别样的宣城</h3>
                            <h4>从这里开始你的旅行</h4>
                        </div>
                    </li>
                    <li>
                        <div class="banner-info">
                            <h3>敬亭宛溪随明月</h3>
                            <h4>千年万里共宣城</h4>
                        </div>
                    </li>
                    <li>
                        <div class="banner-info">
                            <h3>文房四宝之乡</h3>
                            <h4>我在这里等你</h4>
                        </div>
                    </li>
                </ul>
            </div>
            <!--banner-->
            <script src="../js/responsiveslides.min.js"></script>
            <script>
                // You can also use "$(window).load(function() {"
                $(function () {
                    // Slideshow 4
                    $("#slider4").responsiveSlides({
                        auto: true,
                        pager: true,
                        nav: false,
                        speed: 500,
                        namespace: "callbacks",
                        before: function () {
                            $('.events').append("<li>before event fired.</li>");
                        },
                        after: function () {
                            $('.events').append("<li>after event fired.</li>");
                        }
                    });

                });
            </script>
        </div>
    </div>
</div>
<!--top-places-->
<div class="top-places">
    <div class="container">
        <h3 class="tittle">景点推荐</h3>
        <div class="tip-main">
            <div class="col-md-4 top-grid">
                <img src="../images/zhaji-1.jpg" alt="image" style="width: 200px; height: 200px;"/>
                <h4>家庭旅行</h4>
                <p>查济古村关于它的特色，曾有诗曰：“十里查村九里烟，三溪汇流万户间，寺庙亭台塔影下，小桥流水杏花天”。
                    查济古村布局如今的查济更像一个熟睡的老人，在其苍桑的眉宇间透露出昔日的繁盛。
                </p>
            </div>
            <div class="col-md-4 top-grid">
                <img src="../images/taijidong.jpg" alt="image" style="width: 200px; height: 200px;"/>
                <h4>团队旅行</h4>
                <p>太极洞有“东南第一洞”的美誉，坐落在安徽省宣城市广德县境内，明代大文学家冯梦龙把太极洞誉为“天下四绝”之一，
                    2001被评为国家AAAA级风景区。是中国有名的道教道场之一。
                </p>
            </div>
            <div class="col-md-4 top-grid">
                <img src="../images/longchuan-1.jpg" alt="image" style="width: 200px; height: 200px;"/>
                <h4>蜜月旅行</h4>
                <p>龙川古镇是胡姓聚族而局的古村落，已有一千六百余年的历史。不仅山川秀丽，壮观奇伟。村内建筑为徽派石雕之最，有“木雕艺术博物馆”和“民族艺术殿堂”之美称。
                    还是徽州出名的“进士村”，也是胡锦涛主席的祖居地。山水相连，聚天地之灵，有人文之杰。
                </p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--start-welcome-->
<div class="welcome">
    <div class="video-top">
        <div class="video" style="height: 450px;">
            <iframe src='http://player.youku.com/embed/XMzYzMDQ2MzAxNg=='frameborder=0'allowfullscreen'></iframe>
        </div>
        <div class="video-text" style="height: 450px;">
            <h2>山水诗乡 多彩宣城</h2>
            <p>鱼米之乡，三省通衢，人杰地灵。看敬亭诗径，徜徉雅韵；桃花潭水，洋溢深情。
                云岭军魂，祠山大帝，遍地梅花亮汗青。光和热，促人文鼎盛，桑梓升平。
                神州虎跃龙腾，追梦想，东风惠古城。
                喜田园五谷，飘香溢彩；文房四宝，激浊扬清。
                绿雪香芽，老春小窖，馥郁乾坤悦友朋。
                欣携手，共北楼远眺，沃野勤耕。</p>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--//end-welcome-->
<!--start-services-->
<!-- service-type-grid -->
<div class="service-type-grid">
    <div class="container">
        <h3 class="tittle">宣城 印象</h3>
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div class="service-type-grd-info">

                            <div class="col-md-6 service-type-main">
                                <div class="service-type-grd-left">
                                    <img src="../images/8.jpg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最美食物</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/tr3.jpeg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最好风景</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/room1.jpeg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最佳住宿</h5>
                                </div>
                            </div>
                            <div class="col-d-6 service-type-grd-right" style="background: url(../images/p1.jpeg) no-repeat 0px 0px;">
                                <h3>走进障山大峡谷</h3>
                                <h4>走进森林世界</h4>
                                <p>在绩溪县伏岭镇有一座障山大峡谷，早在春秋时期，这里就曾是吴国和越国的分界线。因为森林覆盖率达97%，这里还是联合国的生态示范区之一</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                    <li>
                        <div class="service-type-grd-info">

                            <div class="col-md-6 service-type-main">
                                <div class="service-type-grd-left">
                                    <img src="../images/tr1.jpg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最好风景</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/room1.jpeg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最佳住宿</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/8-1.jpg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最美食物</h5>
                                </div>
                            </div>
                            <div class="col-d-6 service-type-grd-right" style="background: url(../images/p2.jpeg) no-repeat 0px 0px;">
                                <h3>红岩溪漂流</h3>
                                <h4>苏皖浙三省交界处的网红漂流</h4>
                                <p>在浙江与安徽交界处的广德阳岱山红岩溪漂流是近期江浙沪地区最热门的一个漂流胜地，被誉为“一漂，漂两省。”
                                </p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                    <li>
                        <div class="service-type-grd-info">

                            <div class="col-md-6 service-type-main">
                                <div class="service-type-grd-left">
                                    <img src="../images/room1.jpeg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最佳住宿</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/tr2.jpg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最好风景</h5>
                                </div>
                                <div class="service-type-grd-left">
                                    <img src="../images/8-2.jpg" alt=" " class="img-responsive" style="width: 540px;height: 210px;"/>
                                    <h5>最美食物</h5>
                                </div>
                            </div>
                            <div class="col-d-6 service-type-grd-right" style="background: url(../images/p3.jpeg) no-repeat 0px 0px;">
                                <h3>皖南"川藏线"</h3>
                                <h4>自驾S318:江南真的有天路</h4>
                                <p>皖南川藏线，绝对是安徽省金牌穿越公路,东起宁国市的青龙乡，西至泾县的西阳乡,沿线风光旖旎，碧水环绕，特别是位于青龙湾水库腹地的落雨杉湿地公园，恍如北疆的喀纳斯风光</p>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <!--FlexSlider-->
        <script defer src="../js/jquery.flexslider.js"></script>
        <script type="text/javascript">
            $(function () {
                // SyntaxHighlighter.all();
            });
            $(window).load(function () {
                $('.flexslider').flexslider({
                    animation: "slide",
                    start: function (slider) {
                        $('body').removeClass('loading');
                    }
                });
            });
        </script>
        <!--End-slider-script-->
    </div>
</div>

<!-- //service-type-grid -->
<!--start-blog-->
<div id="blog" class="blog-section">
    <div class="container">
        <h3 class="tittle">景区互动</h3>
        <div class="blog">
            <div class="col-md-4 blog-text">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>中国第一古道 徽杭古道</h4></a>
                <p>一条千年古道，蜿蜒曲折75公里，它从皖南绩溪县临溪镇湖里村起，经仁里，汪村，瀛洲、龙川、到伏岭镇的湖村，
                    经江南村“江南第一关”、遥遥岭、马头岭、雪堂岭到达浙江西部的临安市马啸乡止，贯通了古徽州和浙江。
                    古往今来，有多少徽州人从这里走出去，在更广阔的天地施展才华，做出来了影响中国的大事情。</p>
            </div>
            <div class="col-md-8 welcome-img">
                <a href="/index/single" class="mask"><img src="../images/b11.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="blog">
            <div class="col-md-4 blog-text two">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>美景众多，被古人称之为天下四绝</h4></a>
                <p>广德县，位于安徽省东南部，隶属于安徽省宣城市。所处地理位置刚好是苏浙皖三省八县市的交界处。
                    这里风景优美，景色众多，接下来呢，就重点为大家介绍这里的三大景区。
                    太极洞是广德县唯一的4A级景区，也是最为出名的景区。
                    早在明代的时候，冯梦龙就在自己的著作里称广德埋藏是天下四绝之一，可想而知太极洞历史深远和风景壮丽。
                </p>
            </div>
            <div class="col-md-8 blog-img two">
                <a href="/index/single" class="mask"><img src="../images/b22.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="blog">
            <div class="col-md-4 blog-text">
                <h5>2018年 10月 12日</h5>
                <a href="/index/single"><h4>绩溪皖南神秘天路，被自驾爱好者青睐</h4></a>
                <p>如果你是自驾爱好者，那么我推荐你开车去隐藏在深山中古村，如果你是摄影爱好者，那么恭喜你，这里的清晨美到哭。
                    安徽绩溪家朋赏日出和云海，梅干岭是必去之地。
                    梅干岭位于崇山峻岭之间，站在梅干岭上，一览家朋田园风光，远处的幸福村若隐若现，有一种豁然开朗的感觉。</p>
            </div>
            <div class="col-md-8 welcome-img">
                <a href="/index/single" class="mask"><img src="../images/b33.jpg" alt="image"
                                                          class="img-responsive zoom-img"></a>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//blog-->
<!--/destinations-->
<div class="destination">
    <div class="container">
        <h3 class="tittle">最美宣城</h3>
        <p>宣城位于安徽省东南部,与江浙两省接壤,是东南沿海沟通内地的重要通道。地处皖南山区和长江下游平原的结合部,东连天目,南倚黄山,西靠九华,域内襟山带水,风景绝佳。
            敬亭．柏视、水西、龙须四山峰峦叠翠；青戈江、水阳江两水相依。</p>

    </div>
    <section class="cr-container">
        <input id="select-img-1" name="radio-set-1" type="radio" class="cr-selector-img-1" checked/>
        <label for="select-img-1" class="cr-label-img-1">1</label>

        <input id="select-img-2" name="radio-set-1" type="radio" class="cr-selector-img-2"/>
        <label for="select-img-2" class="cr-label-img-2">2</label>

        <input id="select-img-3" name="radio-set-1" type="radio" class="cr-selector-img-3"/>
        <label for="select-img-3" class="cr-label-img-3">3</label>

        <input id="select-img-4" name="radio-set-1" type="radio" class="cr-selector-img-4"/>
        <label for="select-img-4" class="cr-label-img-4">4</label>

        <div class="clearfix"></div>
        <div class="cr-bgimg">
            <div>
                <span>Slice 1 - Image 1</span>
                <span>Slice 1 - Image 2</span>
                <span>Slice 1 - Image 3</span>
                <span>Slice 1 - Image 4</span>
            </div>
            <div>
                <span>Slice 2 - Image 1</span>
                <span>Slice 2 - Image 2</span>
                <span>Slice 2 - Image 3</span>
                <span>Slice 2 - Image 4</span>
            </div>
            <div>
                <span>Slice 3 - Image 1</span>
                <span>Slice 3 - Image 2</span>
                <span>Slice 3 - Image 3</span>
                <span>Slice 3 - Image 4</span>
            </div>
            <div>
                <span>Slice 4 - Image 1</span>
                <span>Slice 4 - Image 2</span>
                <span>Slice 4 - Image 3</span>
                <span>Slice 4 - Image 4</span>
            </div>
        </div>
        <div class="cr-titles">
            <h3><span>查济古镇</span><span>查济烟雨 温润你我柔软时光</span></h3>
            <h3><span>绩溪</span><span>自驾奔袭徽州之源 感受千年绩溪魅力</span></h3>
            <h3><span>桃花潭</span><span>寻觅人间仙境桃花潭 去了就不想走</span></h3>
            <h3><span>龙川</span><span>梦幻徽州 风水古镇 龙川胡氏</span></h3>
        </div>
    </section>
</div>
<!--testimonials-->
<div class="testimonials" id="test">
    <div class="container">
        <h3 class="tittle three">形象大使</h3>
        <div class="testi-text">
            <div class="testi-img">
                <img src="../images/client2.jpg" alt=""/>
            </div>
            <h4>李若茹</h4>
            <p><span> </span>宣城，古称宛陵、宣州，襟山带水，风景绝佳，历史悠久，人文荟萃，自古便有“南宣北合”一说</p>
        </div>
    </div>
</div>
<!--//testimonials-->
<!--contact-->
<!--<div class="contact" id="contact">-->
    <!--<div class="container">-->
        <!--<h3 class="tittle">Newsletter</h3>-->
        <!--<div class="newslatter">-->
            <!--<ul class="f-icons second">-->
                <!--<li><a href="#" class="facebook"> </a></li>-->
                <!--<li><a href="#" class="p"> </a></li>-->
                <!--<li><a href="#" class="twitter"> </a></li>-->
            <!--</ul>-->
            <!--<div class="clearfix"></div>-->
            <!--<div class="support">-->
                <!--<input type="text" class="text" value="Enter email..." onFocus="this.value = '';"-->
                       <!--onBlur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">-->
                <!--<input type="submit" value="SUBSCRIBE" class="botton">-->
            <!--</div>-->

        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--/footer-->
<div class="copy">
    <div th:replace="common :: footer"></div>
</div>
<!--//footer-->
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                         style="opacity: 1;"> </span></a>


</body>
</html>